<template>
	<view class="big_box">
		<view :class="item.query50" v-for="item in dat1">
			<view class="box_3">
				<view>{{item.query03}}</view>
				<view>{{item.query09}}</view>
				<view>{{item.query10}}</view>
			</view>
			<view class="box_3">
				<view class="box_4">审批备注</view>
				<view>{{item.query11}}</view>
			</view>
		</view>
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dat:'',
				dat1:'',
				act:''
			}
		},
		onLoad:function(option) {
			this.dat = JSON.parse(option.item)
			this.initial()
		},
		methods: {
			initial:function(){
				this.$get('buse/fxjBuse_02/listFxjBuseitem_03ByMainId',{
					rid: this.dat.id,
					column: 'createTime',
					order: 'desc',
					field: 'id,,,query02,query03,query08,query09,query10,query11',
					pageNo: 1,
					pageSize: 999,
				}).then(res=>{
					console.log(res)
					this.dat1 = res.data.result.records
					this.dat1.forEach((item)=>{
						if(item.query07 == '0'){
							item.query50 = 'box'
						}else if(item.query07 == '1'){
							item.query50 = 'box_green'
						}else if(item.query07 == '2'){
							item.query50 = 'box_red'
						}
					})
				})
			}
		}
	}
</script>

<style>
	.box_green{
		background:rgba(255,255,255,1);
		box-shadow:0rpx 0rpx 10rpx 0rpx green;
		border-radius:10rpx;
		padding: 30rpx;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		margin: 10rpx;
		margin-bottom: 30rpx;
	}
	.box_red{
		background:rgba(255,255,255,1);
		box-shadow:0rpx 0rpx 10rpx 0rpx red;
		border-radius:10rpx;
		padding: 30rpx;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		margin: 10rpx;
		margin-bottom: 30rpx;
	}
	.box_4{
		width: 160rpx;
		white-space: nowrap;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		margin-right: 30rpx;
	}
	.box_3{
		display: flex;
		justify-content: space-between;
		/* align-items: center; */
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
		margin-bottom: 14rpx;
	}
	.box{
		background:rgba(255,255,255,1);
		box-shadow:0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius:10rpx;
		padding: 30rpx;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		margin: 10rpx;
		margin-bottom: 30rpx;
	}
	.big_box{
		padding: 30rpx;
		box-sizing: border-box;
	}
</style>
